<!DOCTYPE html>
<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
<head>
    <title>驾校详情</title>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport">
    <link rel="stylesheet" href="__PUBLIC__/Home/Css/fonts/font-awesome.min.css">
    <link rel="stylesheet" href="__PUBLIC__/Home/Css/ui-box.css">
    <link rel="stylesheet" href="__PUBLIC__/Home/Css/ui-base.css">
    <link rel="stylesheet" href="__PUBLIC__/Home/Css/ui-color.css">
    <link rel="stylesheet" href="__PUBLIC__/Home/Css/appcan.icon.css">
    <link rel="stylesheet" href="__PUBLIC__/Home/Css/appcan.control.css">
    <style type="text/css">
        *{font-family: "微软雅黑";}
        .ubb,.ubt,.ubl,.uba,.ubr{border-color: #DDDDDD;}
        .allColor{background: #F4F4F4;}
        .bg{background: #FFFFFF;}
        .pd{padding: 0.8em;}
        .mg{margin: 0.8em;}
        .pd1{padding: 0.4em 0.8em;}
        .bg_img{background:url({$list.info.schoolimg}) no-repeat;background-size: cover;height:8em;}
        a{text-decoration: none;}
    </style>
</head>
<body class="um-vp">
<div class="ub ub-fh ub-ver allColor">
    <div class="ub ub-fh bg_img ub-ae">
        <div class="ub ub-fh">
            <div class="ub ub-f1 pd1 ub-pj" style="background: #62635b;opacity:0.9;">
                <div class="ub ub-ac" style="color: #FFFFFF;">{$list.info.name}</div>
                <div class="ub ub-ver">
                    <div class="ub">
                        {$list.info.praise}
                    </div>
                    <div style="font-size: 0.8em;color: #FFFFFF;"><empty name="list.info.focus">0</empty>{$list.info.focus}人关注</div>
                </div>
            </div>
        </div>
    </div>
    <div class="ub ub-fh bg ubb">
        <div class="ub ub-f1 pd">公告</div>
    </div>
    <div class="ub ub-fh bg ubb">
        <div class="ub ub-f1 pd"><empty name="list.info.notice"><span style="color:#777;font-size: 0.9em;">该驾校暂无公告</span></empty>{$list.info.notice}</div>
    </div>
    <a href="tel:023-67588938" class="ub ub-fh ubb bg">
        <div class="ub ub-f1 pd">
            <div><img src="__PUBLIC__/Home/img/phone.png" style="height: 1.2em;width: 1.2em;border-radius: 50%;"/></div>
            <div style="color: #808080;padding-left: 0.6em;"><empty name="list.info.phone"><span style="color:#777;font-size: 0.9em;">该驾校暂无客服</span></empty>{$list.info.phone}</div>
        </div>
    </a>
    <div class="ub ub-fh bg">
        <div class="ub ub-f1 mg ub-pj ubb" style="padding-bottom:0.8em; " onclick="sitePositions('{$list.info.address_lng}','{$list.info.address_lat}')">
            <div class="ub"><img src="__PUBLIC__/Home/img/postion.png" style="height: 1.5em;width: 1em;"/></div>
            <div class="ub" style="color: #808080;width: 85%"><empty name="list.info.address"><span style="color:#777;font-size: 0.9em;">该驾校暂无地址</span></empty>{$list.info.address}</div>
            <div class="fa fa-angle-right fa-2x ub ub-ac" style="color: #bfbfbf;"></div>
        </div>
    </div>
    <div class="ub ub-fh ubb bg">
        <div class="ub ub-f1 pd ub-pj" onclick="busLines('{$list.info.id}')">
            <div class="ub">
                <div><img src="__PUBLIC__/Home/img/car.png" style="height: 1.3em;width: 1em;"/></div>
                <div style="padding-left: 0.6em;color: #808080;">班车路线</div>
            </div>
            <div class="fa fa-angle-right fa-2x" style="color: #bfbfbf;"></div>
        </div>
    </div>
    <div class="ub ub-fh ubb ubt bg" style="margin-top: 0.6em;">
        <div class="ub ub-f1 pd" style="color: #969696;">驾校简介</div>
    </div>
    <div class="ub ub-fh ubb bg">
        <div class="ub ub-f1 pd" style="font-size: 0.9em;"><empty name="list.info.summary_short"><span style="color:#777;font-size: 0.9em;">该驾校暂无简介</span></empty>{$list.info.summary_short}</div>
    </div>
    <div class="ub ub-fh bg ubb ubt" style="margin-top: 0.6em;">
        <div class="ub ub-f1 pd ub-pj">
            <div class="ub ub-ac" style="color: #adadad;">教练列表</div>
            <div class="ub ub-ac" onclick="moreTeachers('{$list.info.id}')">
                <div class="ub" style="color: #777777;padding-right: 0.8em;">更多</div>
                <div class="fa fa-angle-right fa-2x" style="color:#bfbfbf; "></div>
            </div>
        </div>
    </div>
    <empty name="list.done">
        <div class="ub ub-fh ubb bg">
            <div class="ub ub-f1 pd" style="font-size: 0.8em;"><span style="color:#777;font-size: 0.9em;">该驾校暂无教练</span></div>
        </div>
    </empty>
    <volist name="list.teacher" id="vo">
    <div class="ub ub-fh ubb bg">
        <div class="ub ub-f1 pd">
            <div class="ub">
                <img src="{$vo.teacherimg}" style="height: 4em;width: 5em;"/>
            </div>
            <div class="ub ub-f1 ub-ver" style="padding-left: 0.8em;">
                <div class="ub">
                    <div>{$vo.name} ({$vo.teacherage}年教龄)</div>
                </div>
                <div style="padding-top: 0.2em;">
                    {$vo.praise}
                </div>
                <div class="ub" style="font-size: 0.8em;color:#bebebe;padding-top: 0.2em;">{$vo.summary}</div>
            </div>
        </div>
    </div>
    </volist>
    <div class="ub ub-fh bg ubb ubt" style="margin-top: 0.6em;">
        <div class="ub ub-f1 pd" style="color: #969696;">学员评价</div>
    </div>
    <div class="ub ub-fh ubb bg ub-ver">
        <div class="ub ub-f1 pd" style="padding-bottom: 0em;">
            <div class="ub">
                <img src="{$list.praise.headurl}" style="height: 5em;width: 5em;border-radius: 50%;"/>
            </div>
            <div class="ub-f1 ub-ver" style="padding-left: 0.8em;">
                <div class="ub ub-pj">
                    <div>{$list.praise.name}</div>
                    <div style="color: #AAAAAA;">{$list.praise.time}</div>
                </div>
                <div class="ub ub-pj"  style="padding-top: 0.4em;">
                    {$list.praise.star}
                </div>
                <div class="ub" style="font-size: 0.8em;padding-top: 0.4em;color: #aaa;">{$list.praise.content}</div>
            </div>
        </div>
        <eq name="list.praise.answer_status" value="1">
            <div class="ub ub-fh">
                <div class="ub ub-f1 mg ubt" style="padding: 0.5em 0em;font-size: 0.8em;color: #AAAAAA;">回复：<span>{$list.praise.answer}</span></div>
            </div>
        </eq>
        <div class="ub ub-f1 ub-pc" style="font-size: 0.8em;color: #a3cf53;padding-bottom: 0.8em;" onclick="morePraiseList('{$list.info.id}')">查看全部评论({$list.praise.count})</div>
    </div>
    <div class="ub ub-fh ubb">
        <div class="ub ub-f1 pd" style="color: #969696;">出师记录</div>
    </div>
    <div class="ub ub-fh ubb">
        <div class="ub ub-f1 ub-ac ub-pc" style="padding: 0.8em 0em;width: 20%;color: #979797;">姓名</div>
        <div class="ub ub-f1 ub-ac ub-pc" style="padding: 0.8em 0em;width: 30%;color: #979797;">电话</div>
        <div class="ub ub-f1 ub-ac ub-pc" style="padding: 0.8em 0em;width: 20%;color: #979797;">类型</div>
        <div class="ub ub-f1 ub-ac ub-pc" style="padding: 0.8em 0em;width: 30%;color: #979797;">时间</div>
    </div>
    <empty name="list.done">
        <div class="ub ub-fh">
            <div class="ub ub-f1 pd" style="font-size: 0.8em;">
                <span style="color:#777;font-size: 0.9em;">该驾校暂无出师记录</span>
            </div>
        </div>

    </empty>
    <volist name="list.done" id="vos">
        <div class="ub ub-fh">
            <div class="ub ub-f1 ub-ac ub-pc" style="padding: 0.8em 0em;width: 20%;color: #979797;font-size: 0.9em;">{$vos.name}</div>
            <div class="ub ub-f1 ub-ac ub-pc" style="padding: 0.8em 0em;width: 30%;color: #979797;font-size: 0.9em;">{$vos.phone}</div>
            <div class="ub ub-f1 ub-ac ub-pc" style="padding: 0.8em 0em;width: 20%;color: #979797;font-size: 0.9em;">{$vos.type}</div>
            <div class="ub ub-f1 ub-ac ub-pc" style="padding: 0.8em 0em;width: 30%;color: #979797;font-size: 0.9em;">{$vos.time}</div>
        </div>
    </volist>

    <div class="ub ub-fh ubb">
        <div class="ub ub-f1 ub-ac ub-pc" style="padding-bottom: 0.8em;color: #a3cf53;font-size: 0.9em;" onclick="moreDoneList('{$list.info.id}')">查看全部</div>
    </div>
    <div class="ub ub-fh ub-ver ubb bg ubt" style="margin-top: 0.6em;">
        <div class="ub ub-f1 pd" style="color: #969696;">教学视频</div>
        <div class="ub-f1" style="">
            <volist name="list.video" id="svo">
            <div class=" ub-ver" style="margin-left: 0.8em;float: left; width:44%; margin-top:0.8em;">
                <div class="ub ub-ac ub-pc ub-f1" style="background: url(__PUBLIC__/Home/img/people.png) no-repeat center center;background-size: cover;height: 8em;">
                    <img class="ub" src="__PUBLIC__/Home/img/pause.png" style="width: 3em;height: 3em;border-radius: 50%;"/>
                </div>
                <div style="">{$svo.title}</div>
            </div>
            </volist>
        </div>
    </div>
</div>


</body>
<script src="__PUBLIC__/Home/js/appcan.js"></script>
<script src="__PUBLIC__/Home/js/appcan.control.js"></script>
<script src="__PUBLIC__/Common/Js/jquery-2.0.3.min.js"></script>
<script>
    //查看教练列表
    function moreTeachers(id) {
        var u = navigator.userAgent;
//        alert('sitePosition'+'-----'+lng+','+lat);
        var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1;
        //android终端
        var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
//        alert(isiOS);
        if (isAndroid){
            window.train.moreTeacher(id);
        }
        if (isiOS){
            moreTeacher(id);
        }
    }

    //查看教练列表
    function moreTeachers(id) {
        var u = navigator.userAgent;
//        alert('sitePosition'+'-----'+lng+','+lat);
        var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1;
        //android终端
        var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
//        alert(isiOS);
        if (isAndroid){
            window.train.moreTeacher(id);
        }
        if (isiOS){
            moreTeacher(id);
        }
    }
    //查看驾校地址
    function sitePositions(lng,lat) {
        var u = navigator.userAgent;
//        alert('sitePosition'+'-----'+lng+','+lat);
        var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1;
        //android终端
        var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
//        alert(isiOS);
        if (isAndroid){
            window.train.sitePosition(lng,lat);
        }
        if (isiOS){
            sitePosition(lng,lat);
        }
    }
    //查看班车路线
    function busLines(id) {

        var url = 'http://train.yq008.com/index.php/Home/web/bus/id/'+ id;
//        alert('busLine'+'-----'+url);
        var u = navigator.userAgent;
        var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1;
        //android终端
        var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
        if (isAndroid){
            window.train.busLine(url);
        }
        if (isiOS){
            busLine(url);
        }
    }
    //查看全部驾校评论
    function morePraiseList(id) {
        var type = 0;//驾校

        var url = 'http://train.yq008.com/index.php/Home/web/praise/type/'+ type +'/id/'+ id;
//        alert('praiseList'+'-----'+url);
        var u = navigator.userAgent;
        var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1;
        //android终端
        var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
        if (isAndroid){
            window.train.praiseList(url);
        }
        if (isiOS){
            praiseList(url);
        }
    }
    //查看全部出师记录
    function moreDoneList(id) {

        var url = 'http://train.yq008.com/index.php/Home/web/done/id/'+ id;
//        alert('doneList'+'-----'+url);
        var u = navigator.userAgent;
        var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1;
        //android终端
        var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
        if (isAndroid){
            window.train.doneList(url);
        }
        if (isiOS){
            doneList(url);
        }
    }
</script>
</html>